@import "../variables.css";

.timepickerContainer {
  position: relative;
  background: #fff;
  border-radius: var(--radius);
  border: 1px solid #bcbcbc;
  padding: var(--gutter-static);
  min-width: 260px;
  box-shadow: var(--shadow);
  z-index: 9999;

  /* WebKit desktop browsers add little up down arrows
  to number inputs called spinners. Here we remove them to preserve space. */
  & input[type=number]::-webkit-inner-spin-button,
  & input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  & input {
    text-align: center;
  }
}

.center {
  text-align: center;
}

.submitButton {
  margin-top: 0.35rem;
}

.colon {
  height: 100%;
  font-weight: bold;
}
